import React from "react";
import style from "./style.less";
import Wrap from "../Wrap";
import logo1 from "../../assets/images/logo1.png";
import logo2 from "../../assets/images/logo2.png";

const UserHeader = props => {
  const { title, type="1" } = props;
  return (
    <Wrap height="100" type={type}>
      <div className={style.connent}>
        <div className={`${style.left} ${type === "1" ? null : style.type2}`}>
          <a href="http://www.veryeast.cn">
            <img className={style.logo} src={type === "1" ? logo1 : logo2} alt="logo" />          
          </a>
          <span>{title}</span>
        </div>
        <div className={`${style.right} ${type === "1" ? null : style.type2}`}>
          <ul className={`${style.listBox} ${type === "1" ? null : style.listBox2}`}>
            <li>
              <a href="http://www.veryeast.cn">首页</a>
            </li>
            <li>
              <a href="http://vip.veryeast.cn/vip/">企业服务</a>
            </li>
            <li>
              <a href="http://corp.veryeast.cn/question_commonality/">帮助中心</a>
            </li>
          </ul>
        </div>
      </div>
    </Wrap>
  );
};

export default UserHeader;
